html,body {
	height: 100%;
	overflow: hidden;
}
.iosSliderDemo {
	clear: both;
	width: 100%;
	height: 100%;
	/* padding: 0 0 30% 0; */
	/*padding: 0 0 490px;
	margin: 0 0 -40px 0;*/
	position: relative;
}

.fluidHeight {
	position: absolute;
	width: 100%;
	height: 100%;
	/*padding: 45px 0;*/
	/*background: #363739 url(../_img/container-bg.jpg) repeat 50% 0;
	box-shadow: inset 0 3px 10px -4px #000, inset 0 -3px 10px -4px #000;*/
}

.sliderContainer {
	height: 100%;
	/*max-height: 400px;*/
	padding: 0 0;
}

.iosSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.iosSlider .slider {
	width: 100%;
	height: 100%;
}

.iosSlider .slider .item {
	width: 1200px;
	height: 100%;
	padding: 0 0 0 0;
	text-align: center;
}

.iosSlider .slider .item .inner {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	/*box-shadow: 0 0 10px -5px #000;*/
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.iosSlider .slider .item .inner img {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.iosSlider .slider .item .inner .selectorShadow {
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../_img/selector-shadow.png) no-repeat 0 0;
	width: 120px;
	height: 30px;
	display: none;
}

.iosSlider .slider .item .inner .text1 {
	/*background: none repeat scroll 0 0 #000000;*/
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 100px;
    top: 72px;
    padding-left: 15px;
    text-align: left;
	opacity:0;
	z-index:4;
	-webkit-transform-style:preserve-3d;-webkit-perspective:400px;
	transform-style:preserve-3d;-webkit-perspective:400px;
}

.iosSlider .slider .item .inner .text1 span {
	color: #fff;
    /*font-size: 420%;*/
    font-weight: 100;
    /*line-height: 76px;*/
    padding: 0 8px;
}

.iosSlider .slider .item .inner .text1 span i {
	margin: 0 0 0 5px;
}

.iosSlider .slider .item .inner .text2 {
	/*background: none repeat scroll 0 0 #000000;*/
    opacity: 0;
    filter: alpha(opacity=0);
    padding-left: 79px;
    position: absolute;
    left: 100px;
    top: 104px;
	text-align: left;
	opacity:0;
	z-index:4;
	-webkit-transform-style:preserve-3d;-webkit-perspective:400px;
	transform-style:preserve-3d;-webkit-perspective:400px;
}

.iosSlider .slider .item .inner .text2 span {
	display: block;
	color: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    /*font-size: 120%;*/
    /*line-height: 120%;*/
    font-weight: 100;
    padding: 0 8px;
}

.sliderContainer .slideSelectors {
	position: relative;
	bottom: 17px;
	left: 0;
	width: 147px;
	margin: 0 auto;
	z-index: 1;
	height: 11px;
}

.sliderContainer .slideSelectors .prev {
	float: left;
	width: 11px;
	height: 11px;
	background: url(../_img/selector-prev.png) no-repeat 50% 0;
}

.sliderContainer .slideSelectors .next {
	float: left;
	width: 11px;
	height: 11px;
	margin: 0 0 0 10px;
	background: url(../_img/selector-next.png) no-repeat 50% 0;
}

.sliderContainer .slideSelectors .item {
	float: left;
	width: 9px;
	height: 9px;
	background: rgba(255,255,255,0.6);
	margin: 1px 1px 1px 11px;
	/* opacity: 0.25; */
	filter: alpha(opacity=25);
	border-radius: 10px;
}

.sliderContainer .slideSelectors .item.first {
	margin-left: 1px;
}

.sliderContainer .slideSelectors .selected {
	width: 11px;
	height: 11px;
	margin: 0 0 0 10px;
	background: #eee;
	opacity: 1;
	filter: alpha(opacity=100);
	box-shadow: none;
}

.sliderContainer .slideSelectors .selected.first {
	margin-left: 0;
}

.sliderContainer .scrollbarContainer {
	position: relative;
	bottom: 4px;
	left: 0;
	width: 1024px;
	height: 4px;
	margin: 0 auto;
	z-index: 1;
}
.iosSlider .slider .item {
	width: 100%;
}
/*自定义样式第一页*/
.item1 .inner {
	background: #2c3141;
}
.iosSlider .slider .item1 .inner .logo,.iosSlider .slider .item2 .inner .logo,.iosSlider .slider .item3 .inner .logo,.iosSlider .slider .item4 .inner .logo,.iosSlider .slider .item5 .inner .logo  {
	width: 155px;
	height: 24px;
	margin-top: 8%;
	position: relative;
	z-index: 999;
}
.teacherclub_content {
	width: 294px;
	height: 214px;
	background: url(../img/banner_bj.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	position: relative;
	opacity:0;
	z-index: 999;
	
}
.iosSlider .slider .item1 .inner .teacherclub_content .banner_foot {
	width: 269px;
	height: 130px;
	margin-top: 33px;
	margin-left: -15px;
	position: relative;
	z-index: 2;
}
.iosSlider .slider .item1 .inner .rock {
	width: 80px;
	height: 78px;
	position: absolute;
	right: -204px;
	top: 79px;
	/*变换基点*/-webkit-transform-origin:600% 1000%;
	transform-origin:600% 1000%;
	opacity:0;
	z-index:999;
}
.iosSlider .slider .item1 .inner .star_content {
	width: 95%;
	height: 45.07%;
	background: url(../img/main_bj.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	position: relative;
	top: -165px;
}
.iosSlider .slider .item1 .inner .star_content .phone1{
	width: 84px;
	height: 84px;
	position: absolute;
	top: 31.1%;
	left: 6.5%;
	opacity:0;
	-webkit-animation: blossom 2.5s infinite ease-in-out;
    animation: blossom 2.5s infinite ease-in-out;
}
.iosSlider .slider .item1 .inner .star_content .phone2{
	width: 58px;
	height: 57px;
	position: absolute;
	top: 35.78%;
	left: 83.93%;
	opacity:0;
}
.iosSlider .slider .item1 .inner .star_content .phone3{
	width: 58px;
	height: 57px;
	position: absolute;
	top: 104.97%;
	left: 3%;
	opacity:0;
}
.iosSlider .slider .item1 .inner .star_content .phone4{
	width: 100px;
	height: 99px;
	position: absolute;
	top: 86.2%;
	left: 15%;
	opacity:0;
}
.iosSlider .slider .item1 .inner .star_content .phone6{
	width: 58px;
	height: 57px;
	position: absolute;
	top: 90%;
	left: 79%;
	opacity:0;
}
.iosSlider .slider .item1 .inner .earth_content {
	width: 95%;
	height: 28.345%;
	background: url(../img/earth.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	left: 2.5%;
	z-index: 999;
}
.iosSlider .slider .item1 .inner .earth_content .phone5 {
	width: 156px;
	height: 150px;
	position: absolute;
	top: -100px;
	left: 37%;
	z-index: 2;
	opacity:0;
}
.iosSlider .slider .item1 .inner .earth_content .earth_crack {
	width: 128px;
	height: 73px;
	position: absolute;
	left: 41%;
	opacity:0;
}
/*自定义样式第二页*/
.item2 .inner {
	background: url(../img/page2_bj.png) no-repeat;
	background-size: 100% 100%;
}
.iosSlider .slider .item2 .inner .tip_content {
	width: 254px;
	height: 261px;
	background:url(../img/bj2.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	margin: 12% auto;
	opacity: 0;
}
.iosSlider .slider .item2 .inner .tip_content .tip1 {
	width: 165px;
	height: 130px;
	position: absolute;
	left: -24px;
	top: 38px;
	opacity:0;
}
.iosSlider .slider .item2 .inner .tip_content .tip2 {
	width: 79px;
	height: 42px;
	float: right;
	margin-top: 86px;
	margin-right: -18px;
	opacity:0;
}
.iosSlider .slider .item2 .inner .tip_content .tip3 {
	width: 53px;
	height: 30px;
	float: left;
	margin-left: 72px;
	margin-top: 193px;
	opacity:0;
}
.iosSlider .slider .item2 .inner .tip_content .person2 {
	width: 96px;
	height: 145px;
	left: -18px;
	top: -32px;
	opacity:0;
}
.iosSlider .slider .item2 .inner .ad_pic2 {
	width: 268px;
	height: 93px;
	margin: 0 auto;
	opacity:0;
}
/*第三页样式*/
.item3 .inner {
	background:url(../img/page3_bj.png) no-repeat;
	background-size: 100% 100%;
}
.iosSlider .slider .item3 .inner .tip_content {
	width: 254px;
	height: 262px;
	background:url(../img/bj3.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	margin: 12% auto;
	opacity: 0;
}
.iosSlider .slider .item3 .inner .tip_content .tip1 {
	width: 58px;
	height: 43px;
	position: absolute;
	left: -9px;
	top: 63px;
	opacity:0;
}
.iosSlider .slider .item3 .inner .tip_content .tip2 {
	width: 135px;
	height: 82px;
	float: right;
	margin-top: 19px;
	margin-right: -15px;
	opacity:0;
}
.iosSlider .slider .item3 .inner .tip_content .tip3 {
	width: 38px;
	height: 26px;
	float: right;
	margin-right: -116px;
	margin-top: 138px;
	opacity:0;
}
.iosSlider .slider .item3 .inner .tip_content .person3 {
	width: 154px;
	height: 180px;
	position: absolute;
	left: 37px;
	top: 66px;
	opacity:0;
}
.iosSlider .slider .item3 .inner .ad_pic2 {
	width: 268px;
	height: 93px;
	margin: 0 auto;
	opacity:0;
}
/*第四页样式*/
.item4 .inner {
	background:url(../img/page4_bj.png) no-repeat;
	background-size: 100% 100%;
}
.iosSlider .slider .item4 .inner .tip_content {
	width: 254px;
	height: 262px;
	background:url(../img/bj4.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	margin: 12% auto;
	opacity: 0;
}
.iosSlider .slider .item4 .inner .tip_content .tip1 {
	width: 51px;
	height: 33px;
	position: absolute;
	left: -14px;
	top: 79px;
	opacity:0;
}
.iosSlider .slider .item4 .inner .tip_content .tip2 {
	width: 126px;
	height: 85px;
	float: left;
	margin-top: -10px;
	margin-left: 32px;
	opacity:0;
}
.iosSlider .slider .item4 .inner .tip_content .tip3 {
	width: 40px;
	height: 26px;
	float: right;
	margin-right: -4px;
	margin-top: 122px;
	opacity:0;
}
.iosSlider .slider .item4 .inner .tip_content .person3 {
	width: 126px;
	height: 194px;
	left: 36px;
	top: -21px;
	opacity:0;
}
.iosSlider .slider .item4 .inner .ad_pic2 {
	width: 268px;
	height: 93px;
	margin: 0 auto;
	opacity:0;
}
/*自定义样式第5页*/
.item5 .inner {
	background:url(../img/page5_bj.png) no-repeat;
	background-size: 100% 100%;
}
.iosSlider .slider .item5 .main_cont {
	width: 236px;
	height: 243px;
	background:url(../img/bj5.png) no-repeat;
	background-size: 100% 100%;
	margin: 15% auto;
	position: relative;
	opacity: 0;
}
.iosSlider .slider .item5 .main_cont .p5_tip1{
	width: 166.5px;
	height: 108px;
	position: absolute;
	top: -1.9%;
	left: -17.5%;
	opacity:0;
}
.iosSlider .slider .item5 .main_cont .p5_tip2{
	width: 43.5px;
	height: 30.5px;
	position: absolute;
	top: 56.1%;
	left: 2.5%;
	opacity:0;
}
.iosSlider .slider .item5 .main_cont .p5_tip3{
	width: 43.5px;
	height: 47px;
	position: absolute;
	top: 31.1%;
	left: 94.5%;
	opacity:0;
}
.iosSlider .slider .item5 .main_cont .p5_person{
	width: 117.5px;
	height: 182px;
	position: absolute;
	top: 23.49%;
	left: 40.88%;
	opacity:0;
}
.iosSlider .slider .item5 .inner .ad_pic2 {
	width: 268px;
	height: 93px;
	margin: 0 auto;
	opacity:0;
}
/*自定义样式第7页*/
.item7 .inner {
	background:url(../img/page7_bj.png) no-repeat;
	background-size: 100% 100%;
	-webkit-transform-style:preserve-3d;-webkit-perspective:100px;
}
.iosSlider .slider .item7 .inner .logo {
	width: 155px;
	height: 24px;
	margin-top: 30px;
}
.iosSlider .slider .item7 .p7_ad {
	width: 258px;
	height: 108px;
	margin: 0 auto;
	position: relative;
	opacity:0;
}
.iosSlider .slider .item7 .main_cont{
	width:95%;
	height:43.564%;
	margin: 0 auto;
	position: relative;
}
.iosSlider .slider .item7 .main_cont .p7_hill{
	width: 276px;
	height: 127.5px;
	position: absolute;
	top: 45%;
	left: 9.5%;
	opacity:0;
}
.iosSlider .slider .item7 .main_cont .p7_phone{
	width: 195px;
	height: 203px;
	position: absolute;
	top: 15.1%;
	left: 22.5%;
	opacity:0;
}
.iosSlider .slider .item7 .main_cont .p7_tree{
	width: 167px;
	height: 94px;
	position: absolute;
	top: 54.1%;
	left: 21.5%;
	opacity:0;
}
.iosSlider .slider .item7 .main_cont .p7_star{
	width: 334.5px;
	height: 170.5px;
	position: absolute;
	top: 9.1%;
	left: 3.5%;
	opacity:0;
}
.iosSlider .slider .item7 .main_cont .p7_star1{
	width: 91px;
	height: 70.5px;
	position: absolute;
	top: 16.1%;
	left: 59.5%;
	opacity:0;
}
.iosSlider .slider .item7 .main_cont .p7_star2{
	width: 75.5px;
	height: 49.5px;
	position: absolute;
	top: 25.1%;
	left: 20.5%;
	opacity:0;
}
.iosSlider .slider .item7 .main_cont .p7_star3{
	width: 59.5px;
	height: 39px;
	position: absolute;
	top: 51.1%;
	left: 61.5%;
	opacity:0;
}

.iosSlider .slider .item7 #p7_foot_btn{
	width:228px;
	height:36px;
	position:relative;
	margin:0 auto;
	top:8.96%;
}
/*自定义样式第6页*/
.item6 .inner {
	background:url(../img/page6_bj.png) no-repeat;
	background-size: 100% 100%;
}
.iosSlider .slider .item6 .inner .logo {
	width: 155px;
	height: 24px;
	margin-top: 30px;
}
.iosSlider .slider .item6 .main_cont{
	width:252px;
	height:261px;
	background:url(../img/bj6.png) no-repeat;
	background-size: 100% 100%;
	margin: 12% auto;
	position: relative;
	opacity: 0;
}
.iosSlider .slider .item6 .main_cont .person{
	width:115.5px;
	height:148.5px;
	position:absolute;
	left:-2%;
	top:36%;
	opacity: 0;
}
.iosSlider .slider .item6 .main_cont .airship_con{
	width:157px;
	height:228.5px;
	position:relative;
	top:7%;
	left:35%;
	z-index: 4;
}
.iosSlider .slider .item6 .main_cont .airship{
	width:156px;
	height:108.5px;
	position:absolute;
	left:12%;
	top:-3%;
	z-index:2;
	opacity:0;
}
/*.iosSlider .slider .item6 .main_cont .light{
	display: none;
	width:126px;
	height:127.5px;
	position:absolute;
	left:12%;
	top:44%;
}*/
.iosSlider .slider .item6 .main_cont .light2{
	width:126px;
	height:127.5px;
	position:absolute;
	left:12%;
	top:44%;
	opacity:0;
}
.iosSlider .slider .item6 .main_cont .stufs{
	width:157px;
	height:228.5px;
	position:absolute;
	top:7%;
	left:35%;
	z-index:4;
}
.iosSlider .slider .item6 .main_cont .stuf1{
	width:11px;
	height:12px;
	position:absolute;
	left: 54%;
	top: 62%;
	opacity:0;
}
.iosSlider .slider .item6 .main_cont .stuf2{
	width:12.5px;
	height:19px;
	position:absolute;
	top: 55%;
	left: 64%;
	opacity:0;
}
.iosSlider .slider .item6 .main_cont .stuf3{
	width:18.5px;
	height:19.5px;
	position:absolute;
	left: 55%;
	top: 49%;
	z-index:2;
	opacity:0;
}
.iosSlider .slider .item6 .main_cont .stuf4{
	width:22px;
	height:20px;
	position:absolute;
	left: 68%;
	top: 65%;
	opacity:0;
}
.iosSlider .slider .item6 .main_cont .stuf5{
	width:16px;
	height:16px;
	position:absolute;
	left: 54%;
	top: 80%;
	opacity:0;
}
.iosSlider .slider .item6 .main_cont .stuf6{
	width:27.5px;
	height:27.5px;
	position:absolute;
	left: 36%;
	top: 78%;
	opacity:0;
}
.iosSlider .slider .item6 .main_cont .stuf7{
	width:22px;
	height:23px;
	position:absolute;
	left: 28%;
	top: 88%;
	opacity:0;
}
.iosSlider .slider .item6 .main_cont .stuf8{
	width:21px;
	height:21.5px;
	position:absolute;
	left: 54%;
	top: 68%;
	opacity:0;
}
.iosSlider .slider .item6 .inner .ad_pic2 {
	width: 268px;
	height: 93px;
	margin: 0 auto;
	opacity:0;
}
#leafContainer p{
    position: absolute;
    width: 85px;
    height: 85px;
    -webkit-animation: 2s infinite infinite;
    animation: 2s infinite infinite;
    z-index: 0;
}

#leafContainer p img{
	width: 100%;
}

@-webkit-keyframes fade{
   /* 0%{ 
        opacity: 1; 
    }
    95%{ 
        opacity: 0.7; 
    }
    100%{ */
        opacity: 0; 
    /*}*/
}

@-webkit-keyframes clockwiseSpin{
    0%{ 
        -webkit-transform: rotate(-50deg); 
    }

    100%{ 
        -webkit-transform: rotate(50deg); 
    }
}

@-webkit-keyframes counterclockwiseSpinAndFlip 
{
    0%{ 
        -webkit-transform: scale(-1, 1) rotate(50deg); 
    }
    100%{ 
        -webkit-transform: scale(-1, 1) rotate(-50deg); 
    }
}